<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../common/common.css"/>
    <style>
        #periodInfoSet {padding: 20px;}
        #periodInfoSet>div{position:relative;}
        ul{display: inline-block;width:89%;float:right;}
        ul li{display: inline-block;margin:10px;}
        .name{display: inline-block;width:10%;position: absolute;top:10px;}
        a.blued{border: 1px solid #39f;color: #fff;background-color: #39f;}
        a.blued:hover{color:#fff;border-color: #39f;background-color: #1488ff;}
        .errorInfo,.saveContent{text-align: center;}
        .errorInfo{color:#f00;visibility:hidden;}
        .save{padding:10px 40px;background-color: #39f;color:#fff;border-radius: 4px;cursor:pointer;position: relative;top:10px;}
        .save:hover{color:#fff;background-color: #1488ff;}
    </style>
</head>
<body>
<div id="periodInfoSet">
    <div class="period">
        <span class="name">学段：</span>
        <ul>
        </ul>
        <div class="cls"></div>
    </div>
    <div class="subject">
        <span class="name">科目：</span>
        <ul>
        </ul>
        <div class="cls"></div>
    </div>
    <div class="edition">
        <span class="name">教材：</span>
        <ul>
        </ul>
        <div class="cls"></div>
    </div>
    <div class="info">* 设定后，您可在客户端进行修改教学课程范围，操作：客户端—我的—教学范围</div>
    <div class="errorInfo">请选择所有字段后，点击确定</div>
    <div class="saveContent"><a class="save">确定</a></div>
</div>
<script src="../../assets/jquery-1.7.2.min.js"></script>
<script src="../../common/Common.js"></script>
<script src="../js/pageFrame/periodInfoSet.js"></script>
</body>
</html>